<%@ page language="java" isELIgnored="false"
	contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Insert title here</title>
<!-- Bootstrap core CSS -->
<link href="/admin/public/bootstrap.min.css" title="" rel="stylesheet" />
<!-- 时间控件样式 -->
<link
	href="/admin/css/plugins/datetimepicker/bootstrap-datetimepicker.min.css"
	rel="stylesheet" media="screen" />
<link rel="stylesheet" href="/admin/css/plugins/toastr/toastr.min.css" />
<link href="/admin/font-awesome/css/font-awesome.min.css"
	rel="stylesheet" />
<link rel="stylesheet" href="/admin/public/inspinia.css" />
<link rel="stylesheet" href="/admin/css/templet_form.css" />
<link rel="stylesheet" type="text/css"
	href="${request.getContext }/admin/css/xcConfirm.css" />
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
	<script src="/admin/public/html5shiv.min.js"></script>
	<script src="/admin/public/respond.min.js"></script>
<![endif]-->
<style>
th.prev {
	background: url(../img/dateleft.png) -3px !important;
}

th.next {
	background: url(../img/dateright.png) -10px !important;
}

table a {
	color: #fff !important;
}
</style>
</head>
<body>
	<div id="wrapper" class="container">
		<!--标编辑-->
		<div id="biaobj" class=" wrapper wrapper-content animated fadeInRight">
			<h3>后台用户管理</h3>
			<div class="right_box" id="right_box">
				<input type="button"
					style="width: 82px; height: 34px; margin-left: 12px"
					onclick="addRole(${identify});" value="添加"
					class="col-lg-3 btn btn-success" />
			</div>
			<!--表格部分-->
			<div class="ibox-content">
				<div class="row">
					<div class="col-sm-12">
						<table
							class="table table-striped table-bordered table-hover dataTables-example">
							<thead>
								<tr>
									<th>编号</th>
									<th>分组名称</th>
									<th>操作</th>
								</tr>
							</thead>
							<tbody>
								<c:forEach items="${list }" var="role">
									<tr>
										<!--   <td>
                                        <a onclick="javascript:r_swiper(this)" style="color: #0D8DDB !important;" href="javascript:void(0)">
                                            20160808000301</a>
                                    </td> -->
										<td>${role.roleid }</td>
										<td>${role.roleName }</td>
										<td><a
											href="/admin/role/roleInfo?_op=limits&roleId=${role.roleid }"
											class="btn btn-success btn-xs"><i class="fa fa-edit"></i>角色权限</a>
											<a onclick="editRole('${role.roleid }');"
											class="up btn btn-primary btn-xs"><i class="fa fa-pencil"></i>修改</a>
											<c:if test="${role.roleid!=1}">
												<a onclick="del(${role.roleid},${identify });"
													class="btn btn-warning btn-xs"><i class="fa fa-times"></i>删除</a>
											</c:if></td>
									</tr>
								</c:forEach>
							</tbody>
						</table>
					</div>
				</div>
				<form action="" id="for" name="for" method="post">
					<input type="hidden" name="yehao" id="yin" value="1"> <input
						type="hidden" name="pagesize" id="tiaoshu"
						value="${page.pageSize }">
							<div class="fy">
								<span style="float: left;">每页条数：</span> <select
									style="width: 70px; float: left;"
									onchange="changeItem(this.value)" id="pagesize" name="pageSize">
									<option value="10" ${page.pageSize==10?'selected':'' }>10</option>
									<option value="20" ${page.pageSize==20?'selected':'' }>20</option>
									<option value="50" ${page.pageSize==50?'selected':'' }>50</option>
									<option value="100" ${page.pageSize==100?'selected':'' }>100</option>
									<option value="200" ${page.pageSize==200?'selected':'' }>200</option>
								</select>
								<div style="height: 27px;" class="col-sm-7">
									<div class="dataTables_paginate paging_simple_numbers"
										id="editable_paginate">
										<ul class="pagination pull-right" style="margin: -3px 0;">
											<li class="paginate_button previous" id="editable_previous">
												<a href="javascript:han(${page.pageNow-1 })"
												aria-controls="editable" data-dt-idx="0" tabindex="0">上一页</a>
											</li>
											<li class="paginate_button previous" id="editable_previous">
												<a aria-controls="editable" style="border: 0"
												data-dt-idx="0" tabindex="1"><input type="text"
													id="current"
													style="width: 32px; height: 19px; text-align: center;"
													value="${page.totalPageCount==0?0:page.pageNow}" /> /
													${page.totalPageCount }</a>
											</li>
											<li class="paginate_button previous" id="editable_previous">
												<a href="javascript:han(${page.pageNow+1 })"
												aria-controls="editable" data-dt-idx="0" tabindex="5">下一页</a>
												<a href="javascript:han($('#current').val())"
												aria-controls="editable" data-dt-idx="0" tabindex="5">跳转</a>
											</li>
										</ul>
									</div>
								</div>
								<div style="float: right;">总共${page.totalCount }条</div>
							</div>
				</form>
			</div>
		</div>
	</div>
	</div>
	<iframe id="ifr" src="" frameborder="no" scrolling="no" width="780px"
		height="100%" allowtransparency="true"></iframe>
	<script src="/admin/public/jquery-1.11.3.js"></script>
	<script src="/admin/public/bootstrap.min.js" type="text/javascript"></script>
	<script src="/admin/js/plugins/lhgdialog/lhgdialog.js"></script>
	<!-- 弹出警示框 -->
	<script src="/admin/js/plugins/toastr/toastr.min.js"></script>
	<script src="/admin/js/new_page.js"></script>
	<!-- 弹出确认框 -->
	<script src="/admin/public/artDialog4.1.7/artDialog.js?skin=blue"></script>
	<script src="/admin/public/artDialog4.1.7/plugins/iframeTools.js"></script>
	<!-- 时间控件样式 -->
	<script
		src="/admin/js/plugins/datetimepicker/bootstrap-datetimepicker.min.js"></script>
	<script
		src="/admin/js/plugins/datetimepicker/bootstrap-datetimepicker-update.min.js"></script>
	<script
		src="/admin/js/plugins/datetimepicker/bootstrap-datetimepicker.zh-CN.js"></script>
	<script src="${request.getContext }/admin/js/xcConfirm.js"
		type="text/javascript" charset="utf-8"></script>
	<script
		src="${request.getContext }/admin/js/plugins/lhgdialog/lhgdialog.js"></script>
	<script src="/admin/js/templet_form.js"></script>
	<script>
	//修改角色
	 function editRole(pn) {
	 	$.dialog({
	 		title: '修改角色',
	 		width: 600,
	 		height: 80,
	 		lock:true,
	 		content: 'url:/admin/role/roleInfo?_op=update&roleId='+pn,
	 		init: function() {
	 			var iframe = this.iframe.contentWindow;
	 			var ul = iframe.document.getElementById('right_list');
	 		},
	 		button: [{
	 			name: '保存',
	 			callback: function() {
	 				var iframe = this.iframe.contentWindow;
	 				var btn= iframe.document.getElementById('btnn').click();
	 				if(btn==true){
	 					
	 				}else{
	 					return false;
	 				}
	 			},
	 			focus: true
	
	 		}, {
	 			name: '取消',
	 			callback: function() {
	
	 			}
	 		}]
	 	});
	 }
	//添加角色
	 function addRole(pn) {
	 	$.dialog({
	 		title: '添加角色',
	 		width: 600,
	 		height: 80,
	 		lock:true,
	 		content: 'url:/admin/role/roleInfo?_op=add&identify='+pn,
	 		init: function() {
	 			var iframe = this.iframe.contentWindow;
	 			var ul = iframe.document.getElementById('right_list');
	 		},
	 		button: [{
	 			name: '保存',
	 			callback: function() {
	 				var iframe = this.iframe.contentWindow;
	 				var btn= iframe.document.getElementById('btnn').click();
	 				if(btn==true){
	 					
	 				}else{
	 					return false;
	 				}
	 			},
	 			focus: true
	
	 		}, {
	 			name: '取消',
	 			callback: function() {
	
	 			}
	 		}]
	 	});
	 }
	function han(pn){
		document.getElementById("yin").value=pn;
		var biao=document.getElementById("for");
		document.for.action="/admin/role/list?identify=0";
		biao.submit();
	}
	function changeItem(size) {
		document.getElementById("tiaoshu").value=size;
		var biao=document.getElementById("for");
		biao.submit();
	 }
	function del(id,identify) {
		 window.wxc.xcConfirm("确定删除所选项目？", window.wxc.xcConfirm.typeEnum.confirm,{onOk:function(){ 
		    $.ajax({
		        type:"post",
		        url:"roleDelete",
		        data:{"roleId":id},
		        dataType:"json",
		        success:function(data){
		            window.wxc.xcConfirm(data.message, window.wxc.xcConfirm.typeEnum.info,
  							{onOk:function(){window.location.href="list?identify="+identify;}}
  					)
		        },
		        error:function(){
		        	alert("删除失败!");
		        }
		    });
		    }})
}
</script>
</body>
</html>
